<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="blueberry.css" />
        <link rel="stylesheet" href="Estilos.css" />
		<link href="themes/5/js-image-slider.css" rel="stylesheet" type="text/css" />
		<link href="generic.css" rel="stylesheet" type="text/css" />
		<script src="themes/5/js-image-slider.js" type="text/javascript"></script>
        <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
		<script src="jquery.blueberry.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('.main_menu ul li').hover(
                function(){
                    $('.sub_items',this).stop(true,true).slideDown();
                },function(){
                    $('.sub_items',this).stop(true,true).slideUp();
                });
            });
        </script>
        <script>
			$(window).load(function() {
				$('.blueberry').blueberry();
			});
        </script>
    </head>
    <body>
    	<div class="Encabezado">
    		<IMG class="logo" SRC="lamarca.jpg" ALT="Elsa's Desserts">
    	</div>
        <div class="main_menu">
            <ul>
                <li class="boton1"><a href="#">INICIO</a>
                    <div class="sub_items">
                        <ul>
                            <li class="boton2"><a href="#">PRODUCTO 1</a></li>
                            <li class="boton2"><a href="#">PRODUCTO 2</a></li>
                            <li class="boton2"><a href="#">PRODUCTO 3</a></li>
                        </ul>
                    </div></li>
                <li class="boton1"><a href="Productos.html">PRODUCTOS</a>
                    <div class="sub_items">
                        <ul>
                            <li class="boton2"><a href="#">PRODUCTO 1</a></li>
                            <li class="boton2"><a href="#">PRODUCTO 2</a></li>
                            <li class="boton2"><a href="#">PRODUCTO 3</a></li>
                        </ul>
                    </div>
                </li>
                <li class="boton1"><a href="#">COTIZACIONES</a></li>
                <li class="boton1"><a href="#">TESTIMONIOS</a></li>
                <li class="boton1"><a href="#">ACERCA DE...</a></li>
            </ul>
        </div>
    	<div class="Contenido">
			<div id="sliderFrame">
				<div id="ribbon"></div>
				<div id="slider">
					<img src="images/slide1.jpg" alt="" />
					<img src="images/slide2.jpg" alt="" />
					<img src="images/slide3.jpg" alt="" />
					<img src="images/slide4.jpg" alt="" />
					<img src="images/slide5.jpg" alt="" />
					<img src="images/slide5.jpg" alt="" />
					<img src="images/slide5.jpg" alt="" />
					<img src="images/slide5.jpg" alt="" />
					<img src="images/slide5.jpg" alt="" />
				</div>

				<!--thumbnails-->
				<div id="thumbs">
					<div class="thumb"><img src="images/slide1.jpg" /></div>
					<div class="thumb"><img src="images/slide2.jpg" /></div>
					<div class="thumb"><img src="images/slide3.jpg" /></div>
					<div class="thumb"><img src="images/slide4.jpg" /></div>
					<div class="thumb"><img src="images/slide5.jpg" /></div>
					<div class="thumb"><img src="images/slide5.jpg" /></div>
					<div class="thumb"><img src="images/slide5.jpg" /></div>
					<div class="thumb"><img src="images/slide5.jpg" /></div>
					<div class="thumb"><img src="images/slide5.jpg" /></div>
				</div>
			</div>
    	</div>
    </body>
</html>
